<template>
  <el-row class="tac">
    <el-col :span="24">
      <el-menu  class="el-menu-vertical-demo" >
        <el-menu-item index="4">
          <el-icon><document /></el-icon>
          <el-link href="" :underline="false">文章管理</el-link>
        </el-menu-item>

        <el-menu-item index="4">
          <el-icon><help-filled /></el-icon>
          <el-link href="" :underline="false">菜单管理</el-link>
        </el-menu-item>

        <el-menu-item index="4">
          <el-icon><location /></el-icon>
          <el-link href="" :underline="false">地区管理</el-link>
        </el-menu-item>

        <el-menu-item index="4">
          <el-icon><setting /></el-icon>
          <el-link href="" :underline="false">系统管理</el-link>
        </el-menu-item>
      </el-menu>
    </el-col>
  </el-row>
</template>

<script>

export default {
  name: "menus",
  methods:{
    handleOpen(key,keyPath){
      console.log(key, keyPath)
    },
    handleClose(key,keyPath){
      console.log(key, keyPath)
    }
  }
}
</script>
